<!DOCTYPE html>
<html>
<head>
	<title>[005]print demo</title>
	<meta charset="UTF-8">
	<!-- <link rel="stylesheet" href=""> -->
	<style>
	
		.pageHead {
			padding-right: 0;
			padding-left: 0;
			margin-right: auto;
			margin-left: auto;
			margin-bottom: 140px; /*13px/10pt: 13/10=140/x, x=107.69*/
		}
	
		@media (min-width: 768px) {
		  .pageHead {
			width: 750px;
		  }
		}
		@media (min-width: 992px) {
		  .pageHead {
			width: 970px;
		  }
		}
		@media (min-width: 1200px) {
		  .pageHead {
			width: 1170px;
		  }
		}
	
		.pageHead {
			display: block;
			position: fixed;
			/*width: "100%";*/
			top:0;
			z-index:100;
			border: 1px solid red;
		}
		
		.main-content {
			margin-top: 140px;
			display: block;
		}
	
		@media screen{
			body {
				color: #8080FF;
				background-color: #E8B7B6;
				font-size: 13px;
				margin: 0 8% 4% 8%;
			}
			.title {
				display: block;
				text-align: center;
			}
		}
		@media print{
			.notShow {
				display: none;
			}
			.pageHead {
				top: 0;
			}
			.title {
				display: block;
				text-align: center;
			}
		}
		@page {
			/*size: 8.5in 11in;*/
			size: A4 landscape;
			/*margin: 10% 8% 4% 8%;*/
			margin-top: 137.69pt; /*140px;*/ /*13px/10pt: 13/10=140/x, x=107.69, 107.69+30*/
			/*margin-top: 30pt;*/
		}
		@page :first {
			margin-top: 30pt;
		}
	</style>
	<!--
			@top-left {
				content: "Hamlet";
			}
			@top-right {
				content: "Page" counter(page);
			}
	-->
</head>
<body onload="init();">

<div class="pageHead">
	<input class="notShow" type="button" id="printBtn" value="打印"/>
	<h1 class="title">广州医科大学附属第一医院</h1>
	<h3 class="title">入院记录</h3>
</div>

<div class="main-content">
<p style="direction:tr;word-wrap:break-word;word-break:break-all">
1<br/>
2<br/>
3<br/>
4<br/>
5<br/>
6<br/>
7<br/>
8<br/>
9<br/>
10<br/>
11<br/>
12<br/>
13<br/>
14<br/>
15<br/>
16<br/>
17<br/>
18<br/>
19<br/>
20<br/>
21<br/>
22<br/>
23<br/>
24<br/>
25<br/>
26<br/>
27<br/>
28<br/>
29<br/>
30<br/>
31<br/>
32<br/>
33<br/>
34<br/>
35<br/>
36<br/>
37<br/>
38<br/>
39<br/>
40<br/>
41<br/>
42<br/>
43<br/>
44<br/>
45<br/>
46<br/>
47<br/>
48<br/>
49<br/>
50<br/>
51<br/>
52<br/>
53<br/>
54<br/>
55<br/>
56<br/>
57<br/>
58<br/>
59<br/>
60<br/>
61<br/>
62<br/>
63<br/>
64<br/>
65<br/>
66<br/>
67<br/>
68<br/>
69<br/>
70<br/>
71<br/>
72<br/>
73<br/>
74<br/>
75<br/>
76<br/>
77<br/>
78<br/>
79<br/>
80<br/>
81<br/>
82<br/>
83<br/>
84<br/>
85<br/>
86<br/>
87<br/>
88<br/>
89<br/>
90<br/>
91<br/>
92<br/>
93<br/>
94<br/>
95<br/>
96<br/>
97<br/>
98<br/>
99<br/>
100<br/>
</p>
</div>

<script>
	function init(){
		var btnPrint = document.getElementById('printBtn');
		btnPrint.addEventListener('click', function(){
			window.print();
		}, false);
	}
</script>
</body>
</html>
